<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title><?= $event_data['name'] ?></title>
<link rel="dns-prefetch" href="http://res.wx.qq.com">
<link href="__PUBLIC__/plugins/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" >
<link href="__PUBLIC__/plugins/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="__PUBLIC__/themes/global/global.css" rel="stylesheet">
<link href="__PUBLIC__/plugins/huploadify/Huploadify.css" rel="stylesheet">
<link href="__PUBLIC__/themes/wechat/vote/style.css" rel="stylesheet" >
<script src="__PUBLIC__/plugins/jquery/2.1.3/jquery.min.js"></script>
<script src="__PUBLIC__/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/plugins/huploadify/jquery.Huploadify.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="__PUBLIC__/js/wechat/vote/signin.js"></script>
<script >
var share_data = <?= json_encode($share_data) ?> ;
$(function(){
    Signin.init(<?php echo json_encode( $config ) ?>);
});

wx.config({
  debug   : false ,
  appId   : '<?php echo $js_config["appId"]; ?>' ,
  timestamp: <?php echo $js_config["timestamp"]; ?>,
  nonceStr: '<?php echo $js_config["nonceStr"];?>',
  signature: '<?php echo $js_config["signature"];?>',
  jsApiList: []
});

</script>
</head>

<body>
<div class="container">
  <!-- 背景 -->
  <div class="bg" >
    <img src="<?= U($event_data['bg_img']) ?>" class="img-responsive">
  </div>
  <div class="signin-form">
    <h3 class="text-center">请填报名表</h3>
    
    <form class="form-horizontal" id="signin_form">
      <div class="form-group">
        <label for="truename" class="col-xs-3 control-label">真名</label>
        <div class="col-xs-8">
          <input name="truename" id="truename" type="text" class="form-control" placeholder="您的真实姓名">
        </div>
      </div>
      
      <div class="form-group">
        <label for="phone" class="col-xs-3 control-label">电话</label>
        <div class="col-xs-8">
          <input name="phone" id="phone" type="text" class="form-control" placeholder="您的联系电话">
        </div>
      </div>
      
      <div class="form-group">
        <label for="phone" class="col-xs-3 control-label">性别</label>
        <div class="col-xs-8">
          <label class="radio-inline">
            <input type="radio" name="sex" value="1" checked> 男
          </label>
          <label class="radio-inline">
            <input type="radio" name="sex" value="2"> 女
          </label>
        </div>
      </div>
       
      <div class="form-group">
        <label for="desc" class="col-xs-3 control-label">简介</label>
        <div class="col-xs-8">
          <textarea name="desc" id="desc" class="form-control" placeholder="简介" rows="3"></textarea>
        </div>
      </div>

      <div class="form-group">
        <div class="col-xs-12">
          <button id="img_upload_btn" type="button" class="btn btn-info btn-block"><i class="fa fa-image"></i> 添加照片</button>
          <div id="real_img_upload_btn" style="display:none"></div>
        </div>
      </div>
      <div class="form-group img-preview">
        <!--
        <div class="col-xs-4 img-item">
          <span class="del-item-btn">&times;</span>
          <img src="__PUBLIC__/themes/wechat/vote/images/demo01.jpg" class="img-thumbnail">
        </div>
        <div class="col-xs-4 img-item">
          <span class="del-item-btn">&times;</span>
          <img src="__PUBLIC__/themes/wechat/vote/images/demo02.jpg" class="img-thumbnail">
        </div>
        <div class="col-xs-4 img-item">
          <span class="del-item-btn">&times;</span>
          <img src="__PUBLIC__/themes/wechat/vote/images/demo03.jpg" class="img-thumbnail">
        </div>
        -->
      </div>
      <button id="do_signin_btn" type="button" class="btn btn-danger btn-block"><i class="fa fa-edit"></i> 提交</button>
    </form>
  </div>
      
  <!-- 规则 -->
  <div class="rule">
    <?= $event_data['rule'] ?>
  </div>
  
  <!-- 脚 -->
  <div class="footer">
    <img src="<?= U($event_data['footer_img']) ?>" class="img-responsive">
  </div>
  
</div>

</body>
</html>
